$(function () {
    addCategoriesHtml(8, 3);
    $('#menu').on('tap', 'li', function () {
        var _vm = $(this);
        var type = _vm.attr('data-type');
        _vm.addClass('on').siblings().removeClass('on');
        addCategoriesHtml(8, type);
    });
});

function addCategoriesHtml(num, type) {
    qingQiuPhp('get', 'admin/pro_categories.php', {getType: 'gitList', num: num, type: type}, function (res) {
        addHtml(res);
    });
}

function addHtml(res) {
    var n = res.length;
    var str = '';
    if (res && n > 0) {
        for (var i = 0; i < n; i++) {
            str +=
                '<li data-id="' + res[i].id + '">'
                + '<a href="pro_details.html?id=' + res[i].id + '">'
                + '<img src="' + res[i].imgSrc + '" alt="">'
                + '</a>'
                + '<p>' + res[i].title + '</p>'
                + '</li>';
        }
    } else {
        str += '<li>没有相关数据！</li>';
    }
    $('#menuMainList').html(str);
}